@@@@@@@@@@@@@@@@@ TjzM@What's New 2003/10/31


@@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@ @@@http://www.scollabo.com/banban/
@@
@@@@@@@@@@@@@@@72

@@@@@@  @  @@@@@banban@scollabo.com



@úAS҂⒆҂@ƍ@gɂāAv̖{iI
 Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@uł HTML4.01AXHTML1.1AXML1.0 𒆐SƂ@̂ƂȂĂ
܂BȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂悤
ɂȂ܂B

@@T̃Rec
@@@ JavaScriptu 14 --- wi摜
@@@ C^[lbgp  R ---  HTTP
@@@ ActiveXivOCjZp̂̌



JavaScriptui14)@wi摜

@́A摜XNvgɂĉ܂BȂAł͔wi摜
𒆐SƂĂ܂B

@wi摜؂ւ
@JavaScriptł́AwiFω邱ƂȒPɍs܂Awi摜Ƃ
@ƁAȂ΂Ȃ܂B^C}[𗘗pāA̎
@Ԃo߂Awi摜ω܂B

@@ŏɔwi摜ƂȂ摜pӂĂB̃XNvgł͂T
@̉摜pӂĂ܂B摜̖ÓA0.gifA1.gif ` 4.gif Ƃ悤
@ɁA0 ̘AԂtĂB

@@ȂAwi摜Ȃ̂߂ɁA񗘗p摜uށvƂ
@񋟂Ă܂̂ŁAȂ̊ɍ킹kt@C_E[h
@āACӂ̃tH_ŉ𓀂ĂB

@@72ނ̃_E[h͂炩
@@http://www.scollabo.com/banban/daf/material.html


@wi摜؂ւJavaScriptiwb_ŋLq܂Bj
@<script type="text/javascript">
  <!--
  var myImage=new Array()
   myImage[0] = "0.gif"
   myImage[1] = "1.gif"
   myImage[2] = "2.gif"
   myImage[3] = "3.gif"
   myImage[4] = "4.gif"
   myImage[5] = "5.gif"

   var speed = 5000
   var changImg = new Array()

  for (count = 0; count < myImage.length; count++)
   {
    changImg[count] = new Image()
    changImg[count].src = myImage[count] 
   }

  var banGa = -1

  function myBack()
  	{
      if (banGa < myImage.length - 1)
      banGa++
      else
      banGa=0
      document.body.background = changImg[banGa].src 
   	}

   if (document.all || document.getElementById)
   window.onload = new Function('setInterval("myBack()",speed)')
  //-->
  </script>

  ȂAbodyvf͈ȉ̂悤ɋLqĂB

@<body background="5.gif">

@̋Lq́Ay[Wǂݍ܂ꂽƂɁAŏɕ\wi摜w
@Ă܂B̋Lq́Au񐄏vƂȂ܂̂ŁAHTML̖`Ő錾
@镶^`iDTDj́ATransitional IтB

@ŏ̂Tb́AlŐݒ肵wi摜\܂B̌ATb
@@ɏwi摜؂ւ܂B

@@wi摜̐؂ւsTv
@@http://www.scollabo.com/banban/magazine/mm/sample_72-1.html



var myImage=new Array()
@ϐmyImage ɁAz`Ă܂B

myImage[0] = "0.gif" ` myImage[0] = "0.gif"
@ϐmyImage ͔z񂪒`ĂAł͂U̔zɁAꂼ摜
@蓖ĂĂ܂B

var speed = 5000
@ϐspeed ɁA5000 Ƃli[Ă܂B
@@ʓI varɂĐ錾ꂽϐ́AO[oϐƌĂ΂Aub
@Nzɂ̒lێėp邱Ƃł܂B

var changImg = new Array()
@łAϐchanrImg ɔz`Ă܂B

for (count = 0; count < myImage.length; count++)
@for\́AJԂ閽ߕŁAł́AϐmyImage̔z񐔂
@𒴂܂œJԂ܂B
@@for\͏lA_lAl̂R̒lō\܂Bł́A
@ϐcount ̏l 0Aϐcount z񐔂傫Ȃꍇ_
@lƂAāAlƂ count̐P₵܂B

changImg[count] = new Image()
@ϐchangImg zƂĒ`Ă܂B

changImg[count].src = myImage[count] 
@zɒ`ꂽϐchangImg{cont] i0`6`jɁAŏɒ`
@摜ϐ瓯li[܂B

var banGa = -1
@banGa O[oϐƂĒ`A̒lɂ́A-1 i[܂B

 if (banGa < myImage.length - 1)
@if\ɂĕ򏈗s܂Bł́AϐmyImage ̔z񐔂A
@ϐbanGa ̒lƂ̑傫rĂ܂B
@@܂Az񐔂傫菬肵ĂȂĎ
@ړI܂B̃XNvgł͂Ủ摜Ȃ킯ŁA̐
@^C}[ƂɃ`FbNKv܂B

 banGa++   else  banGa=0
@قǂif\ŁAϐbanGa ̒lɂPÂ𑫂܂Bif\番
@ꂽeA0 z񐔂܂ł̒li[܂B

document.body.background = changImg[banGa].src 
@ł͂߂āAwi摜ɔzŊi[ꂽ摜\܂B
@@\wi摜́AchangImg[0} ` changImg[6} ܂ł̊Ԃ̂PԖڂ
@Iĕ\܂B

if (document.all || document.getElementById)
@window.onload = new Function('setInterval("myBack()",speed)')
@@̃XNvgĂ镶uEUɓǂݍ܂ꂽATbԊu
@֐myBack() s邱ƂĂ܂B

@̃XNvgsƁAJavaScriptɋLqĂ悤ɁA摜I
@ĂTbɕ\ς܂B
@@̒ŁAvar speed = 5000  ƋLqĂ镔̐́ATb\
@܂̂ŁAςƁAԂς܂̂ŁA̒l͔Cӂɐݒ肵
@ĂB


@wi摜XN[
@ɁAwi摜ɃXN[XNvg쐬܂B
@@͂A悤Ƀ^C}[ݒ肵ĉ摜ɂ炵ĕ\
@悤ɂ܂B
@@ȂAŕ\wi摜́uށvŒ񋟂Ă܂Aō
@摜𗘗pĂ_E܂܂B

@ȉHTMLQƂĂB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_Jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>wi摜̃XN[/JavaScriptu</title>
<script type="text/javascript" language="JavaScript">
<!--
  var n=0;
  function upImage() {
  window.setInterval("banban()",20);
  }
   function banban() {
   n=n+1;
   document.body.style.backgroundPosition="0 -0"+n;
   }
//-->
</script>
</head>

<body onload="upImage()" background="back.gif">
<h1 style="text-align:center">wi摜̃XN[</h1>

</body>
</html>

@wi摜̃XN[sTv
@http://www.scollabo.com/banban/magazine/mm/sample_72-3.html




var n=0;
@n O[oϐƂĐݒ肵ȀlƂ 0 i[Ă܂B

function upImage()
@upImage Ƃ̊֐`Ă܂BXNvg͂̊֐Ăяo
@Ďs܂B

window.setInterval("banban()",20);
@EBhEŜ̕\^C}[ƂĐݒ肵Ă܂B^C}[ 0.02b
@ɐݒ肵Ă܂A̐lύXƁA^C}[ύX邱Ƃł
@܂B^C}[́A֐banban()  0.02bƂɌĂяoē삳܂B

n=n+1;
@^C}[삷邲ƂɁAϐn ̒lЂƂ₵Ă܂B̒l
@Awi摜̐̈ʒuw肵܂BȂAn++ ƂLqƁA
@܂ӖɂȂ܂B

document.body.style.backgroundPosition="0 -0"+n;
@wi摜̈ʒuw肵ĕ\Ă܂B^C}[Ƃɂ̈ʒuω
@܂B

<body onload="upImage()" background="back.gif">
@ y[Wǂݍ܂ꂽƂɔ onloadƂCxggĂ
@܂BlƂāAwi摜 background𗘗pĂ܂B̑
@͔񐄏ł邽߁A`ŕ^`ߓndliTransitionalj
@ݒ肵Ă܂B


wi摜𗘗p钍ӓ_

@TvƂĎグXNvǵA֒Đݒ肵Ă܂B
RƂāǍʂ邽߂̂̂łB̓_܂ŁAwi
摜Ɋւ钍ӓ_ɂďqׂ܂B

@ Weby[W̎l̓RecłAĔwi摜ł͂܂B
Ȃɑf炵摜wiɖߍłA͔wił߂܂B
@wi摜S`S`āA̐S̃Recז悤ł́A܂
ӖȂ΂肩A{]|łB

@悤ɁAŌfXNvggp邱ƂŁAwi摜𓮍삳
邱ƂӂKvłB{̃ReclɂȂȂ΁A
Ȃ܂B

@y[WɖߍޔwiƂ́ARec\yłB̓y䂪y[
WŎg咣ĂɂȂȂ̂łBǂĂ摜\
Ȃ΁Awiɂ̂ł͂ȂAʂ̃y[WŁuM[vƂĕ\
A{҂ɂƂĂLvȂƂł傤B

@wíA肰ȂAȎ咣邱Ƃ̂ȂAy[W\邽߂̓y
ł邱Ƃ\ɗŁÃXNvg𗘗pĂB



C^[lbgp ---  HTTP

@HTTPiHyperText Transfer ProtocoljƂ́AWebuEU WebT[oԂŁA
HTMLt@CȂǂ̕]邽߂ɗpAvP[Vx
vgRiʐM菇jwA̋ZpɂăC^[lbg̏̂
肪AeՂɂłdg݂񋟂Ă܂B

@HTTṔA̓]˗郊NGXgƂɑ΂T[õX|X
\Ă܂B
@ʏAURL⃆[UƃpX[hAWebuEU̎ށAgpȂǂ̏
AGETNGXg WebT[oɑMƁAWebT[o͂ɉăf[
^AG[R[hȂǂ]Ă܂B

@HTTP GETivjNGXgł́Aȉ̏ WebT[oɓ`܂B

@GET /banban/http-index.html HTTP/1.1
@Host: www.scollabo.com
@Accept: text/html, text/plain, text/sgml, */*;q=0.01
@Accept-Encoding: gzip, compress
@Accept-Language: ja
@If-Modified-Since: Wed, 02 Oct 2003 02:35:10 GMT
@User-Agent: Mozilla/4.0 (Red Hat 7.0; Gecko/20030624 Netscape/7.1)

 ɑ΂ WebT[o WebuEU̗vɂAȉ̃X|X
@ijԂ܂B

@HTTP/1.1 200 OK
@Date: Sun, 24 Sep 2003 12:00:12 GMT
@Server: Apache/1.3.12
@Content-Location: http-index.html.ja
@Vary: negotiate,accept-language,accept-charset
@TCN: choice
@Last-Modified: Mon, 06 Oct 2003 06:10:09 GMT
@Connection: close
@Content-Type: text/html; charset=iso-2002-jp
@Content-Language: ja

@܂AHTTPɂʐM菇ŃNGXǵAHTTPwb_ŏ
̌ʂƂāAHTTPwb_ԂȀT[oŋL^A
ANZXOƂȂ킯łB

@܂AC^[lbgɃANZXꍇAm炸̂HTTP
ʐM菇𗘗pāAv URL𑗐MA̓ WebT[o
킯łB
@ƂŁAWebT[o HTTPT[oƌĂԂƂ܂B



ActiveXivOCjZp̂̌

@70ł`č EolasЂ}CN\tgЂiɂ
āAV܂̂ł`܂B

@MSIEiMicrosoft Interbet Explorerj̎dlύX
@}CN\tgЂł́AEolas Technologies̓NQƂĒi
@ꂽiׂŁAsiƂʂɂȂƂ󂯂āAMSIEɁuT߂ȕύXv
@{ő΍i߂Ă邱Ƃ܂B

@@ĂĂύXӏ ActiveXRg[gpꕔ Weby[W
@ɑ΂MSIȄ@łB
@@ActiveXRg[́A}NfBAЂ Flash Apple QuickTimeA
@RealNetworks RealOneƂvOC\tgEFAŎgĂIu
@WFNgwvO~OZpc[̂ƂŁA}CN\tǵA2004
@Nn߂܂łIE̕ύXsȂ݂ƕ񂶂Ă܂B 

@@}CN\tgЂ̃KChCł́AFlash JavaAvbg Weby[
@Wɖߍނ߂̃^OHTMLt@CɒڋLqɁA^Oo
@uJavaScriptvt@CʂɗpӂAXNvgŁAHTMLt@C
@CN[hāAFlashȂǂ𗘗p邽߂ object^OȂǂo͂
@ɐĂ܂B

@@}CN\tgЂ̃KChC@http://msdn.microsoft.com/ieupdate/

@@ ̕@ɂẮAuł\肵Ă܂B

@W3CAuEU̍ĐRv
@WebuEŨvOCɊւŁAT29AWebɂW
@𐧂ĂĂ@W3CiWorld Wide Web Consortiumj́AčWǂ
@΂āA EolasЂ̏L WebuEU֘A̕čłƎ
@AĐR𐿋܂B

@@W3C݂̐̐eł Tim Berners-LeeAmILɕ
@ōĒvĂA̍ƂȂsZp񎦂Ƃ𖾂
@ɂ܂B

@@傾éAűLqɂƁAsZp WebuEÚAR
@ecVEBhEɕ\̂ɑ΂A̔uEU
@̓Rec𓯈EBhEɕ\̂ƂĂAOvO
@EBhEɃRec\Eߍ݁EƂ@
@\́AXosZpŋLqς݂vƎ咣̂łB

@@܂AΏۂƂĂu炵vIuWFNggݍ݋ZṕA
@Webpn߂ HTMLẄꕔƂȂĂAƂ
@łB
@@W3C̎咣́AWebŊɎς݂̐sZpłƁAȑO̎_
@WJĂ܂B

@@WebƊEk EolasЂ̓ٔ́AVȓĂ܂B
@ WebɊւ҂ƂāA̐s𒍖ڂ𓾂܂B
@@Ƃɂ W3Cɂ́A񂪂΂Ă炢ƂłB



WebTCgXV@uobNio[Abv܂v

@[}KWu61vu70v܂łkt@Cɂ܂B
RɃ_E[h邱Ƃł܂BɁAVǎ҂ɂȂꂽɂ́A
ItCłǂނƂł܂̂ŁApB

@A[JCut@CE_E[h
@@http://www.scollabo.com/banban/daf/archive.html



͂܂ŁAł͂ł́EE
T̂炢 Weby[Wɂfڂ܂̂ŁA񌩂ĂĂB
Weby[Wł HTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

@iT̂炢j
@@http://www.scollabo.com/banban/magazine/review_072.html

@́A117ɔzM\肵Ă܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
v܂B
@AlIȎRɂԎx邱Ƃ܂BB
}̏ꍇɂ́ATCǧfpBƒN
Ǝv܂B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@T͎d̊֌WŖԋΖƂȂ܂BߌV痂ߑOT܂ł
ϑΖŁAƖ邪t܂ɂȂĂ܂B
@AlŋƖɓ邱Ƃ́AČ̂悢Ƃ͎v܂B
lԂ͒ڊo߁A閰ƂR̐ۗ킯ŁAZƂ͂
܂茒NIȂł͂܂B
@AЂ̐ݔ⎑ɂ͌肪邽߁ALɗpƂȂ
ƁAlƎԂ𕪂ċƖɓƂ̂́Aǂ̉ЂłƂ
܂B

@ĂƖ̐ÂCɓ܂Bł^lԂɂȂ
z܂Ԃ܂B͂薾邢Ԃł́AȂȂɂ̂e
ł͂܂ȂB



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTMLAXNvgȂǂ̃y[W쐬
ɎRɎgĂĂx܂B

    @       Copyright(C) 2002-2003  www.scollabo.com/banban/
